
@import "./reset.less";

body {
	padding-bottom: 50px;
}
.el-date-table th,.el-date-table td {
	background-color: #fff;
}
.el-checkbox {
	margin-left: 20px;
}
.el-tooltip__popper.is-light {
	border: none;
	background-color: #fff;
	color: #333;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.19);
	.popper__arrow {
		background-color: #fff;
		border: none;
	}
}

.common_wraper {
	width: 1280px;
	margin: 0 auto;
	.el-input__inner {
		border-radius: 8px;
		height: 31px;
		line-height: 31px;
	}
	.el-input__icon {
		line-height: inherit;
	}
	.h_select {
		width: 171px;
		margin-right: 7px;
		.el-tag.el-tag--info:first-child {
			width: 80px;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}
	.h_date_picker {
		width: 240px;
		.el-range__icon {
			margin-top: -6px;
		}
		.el-range-input {
			background-color: #fff;
		}
		.el-range-separator {
			color: #A5A5A5;
			line-height: 26px;
		}
	}
}
.common_wraper2 {
	width: 1260px;
	margin: 0 auto;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.fl {float: left;}
.fr {float: right;}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

.header {
	height: 164px;
	background: url(../../assets/images/head_bg.png) 0 0 no-repeat;
	h2 {
		font-size: 30px;
		color: #fff;
		line-height: 32px;
		padding: 35px 0 4px;
	}
	.header_filter {
		text-align: right;
		padding-right: 36px;
	}
}
.top_total_num {
	height: 100px;
	width: 1260px;
	margin: -52px auto 0;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	ul {
		padding: 17px 0 19px;
		li {
			float: left;
			width: 208px;
			border-right: 1px solid #E5E5E5;
			text-align: left;
			.ico {
				float: left;
				width: 50px;
				height: 50px;
				margin: 7px 0 0 16px;
				background-image: url(../../assets/images/ico_all.png);
				background-repeat: no-repeat;
			}
			.ico_total {
				background-position: 0 0;
			}
			.ico_reg {
				background-position: 0 -52px;
			}
			.ico_liuzhuan {
				background-position: 0 -104px;
			}
			.ico_exposure {
				background-position: 0 -156px;
			}
			.ico_get {
				background-position: 0 -208px;
			}
			.ico_hexiao {
				background-position: 0 -260px;
			}
			.total_det {
				width: 134px;
				padding-left: 7px;
				padding-top: 16px;
				h4 {
					line-height: 14px;
				}
				p {
					font-size: 12px;
					color: #717171;
					line-height: 14px;
					padding-top: 6px;
					var {
						display: inline-block;
						width: 85px;
						padding-right: 10px;
						text-align: right;
					}
					.triangle_down {
						float: right;
					    width: 0;
					    height: 0;
					    border: 6px solid transparent;
					    border-top-color: #FF6F74;
					    margin: 6px 0 0 2px;
					}
					.triangle_up {
						float: right;
					    width: 0;
					    height: 0;
					    border: 6px solid transparent;
					    border-bottom-color: #02CA23;
					    margin-left: 2px;
					}
				}
			}
		}
		li:last-child {
			border: none;
		}
	}
}

.h_member_level {
	font-size: 13px;
	background-color: #F7F7F7;
	width: 205px;
	height: 84px;
	margin: 0 auto;
	border-radius: 8px;
	dt {
		float: left;
		width: 7px;
		height: 71px;
		background-color: #FFD07F;
		border-radius: 4px;
		margin: 8px 7px 0 12px;
	}
	dd {
		float: left;
		margin: 4px 5px 0 0;
		div {
			line-height: 26px;
			text-align: left;
			p {
				display: inline-block;
				width: 90px;
			}
			span {
				display: inline-block;
				color: #DD9A27;
				font-weight: bold;
				width: 84px;
				text-align: right;
			}
		}
	}
}
.h_member_level2 {
	font-size: 13px;
	margin: 4px 0 0 39px;
	li {
		text-align: left;
		margin-top: 10px;
		line-height: 15px;
		.ico {
			display: inline-block;
			width: 8px;
			height: 8px;
			border-radius: 50%;
		}
		.col1 {
			background-color: #FFE6B4;
		}
		.col2 {
			background-color: #67AAE3;
		}
		.t1 {
			display: inline-block;
			width: 29px;
			padding-left: 16px;
		}
		.t2 {
			display: inline-block;
			width: 123px;
			text-align: right;
			font-weight: bold;
		}
		.fontcol1 {
			color: #E9C699;
		}
		.fontcol2 {
			color: #67AAE3;
		}
	}
}

.common_top_bg {
	height: 150px;
	background-color: #F8B62D;
	border-radius: 8px;
}
.m_title {
	text-align: left;
	font-size: 24px;
	color: #fff;
	line-height: 24px;
	padding: 17px 26px 14px 24px;
	height: 24px;
	overflow: hidden;
	.dot {
		float: left;
		width: 8px;
		height: 8px;
		background-color: #fff;
		border-radius: 50%;
		margin-right: 16px;
		margin-top: 8px;
	}
}
.common_mod {
	height: 100%;
	padding-top: 20px;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
	box-sizing:border-box;
}
.member_sec {
	margin-top: -95px;
	height: 383px;
	.wid1 {
		width: 260px;
	}
	.wid2 {
		width: 400px;
		margin-left: 10px;
	}
	.wid3 {
		width: 580px;
	}
}
.member_sec_2 {
	height: 360px;
	.wid1 {
		width: 500px;
	}
	.wid2 {
		width: 280px;
		margin-left: 10px;
	}
	.wid3 {
		width: 460px;
	}
}
.member_origin_leng {
	position: relative;
	width: 290px;
	margin-top: 88px;
	font-size: 12px;
	text-align: left;
	.swiper-pagination {
		left: 50%;
		margin-left: -40px;
		.swiper-pagination-bullet {
			margin: 0 5px;
			width: 5px;
			height: 5px;
			border-radius: 2px;
		}
		.swiper-pagination-bullet-active {
			background: #FF8B02;
			width: 30px;
			height: 5px;
			border-radius: 2px;
		}
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		background: url(../images/arrow_left.png) 0 0 no-repeat;
		left: 0;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		background: url(../images/arrow_right.png) 0 0 no-repeat;
		right: 0;
	}
	ul {
		background-color: #F7F7F7;
		border-radius: 10px;
		padding: 0 0 15px 25px;
		height: 185px;
		li {
			float: left;
			width: 125px;
			height: 22px;
			line-height: 22px;
			margin-top: 15px;
			b {
				font-weight: normal;
				display: inline-block;
				width: 55px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				vertical-align: middle;
				cursor: pointer;
			}
			span {
				padding-left: 5px;
			}
			.ico {
				display: inline-block;
				width: 8px;
				height: 8px;
				border-radius: 50%;
				margin-right: 4px;
			}
			.col1 {
				background-color: #F4D946;
			}
			.col2 {
				background-color: #3193E5;
			}
			.col3 {
				background-color: #FD7F7F;
			}
			.col4 {
				background-color: #FAC36F;
			}
			.col5 {
				background-color: #AC9AE2;
			}
			.col6 {
				background-color: #78CDED;
			}
			.col7 {
				background-color: #72B5EB;
			}
			.col8 {
				background-color: #FFA748;
			}
			.col9 {
				background-color: #A5A5A5;
			}
			.col_other {
				background-color: #FC8602;
			}
		}
	}
}


.quanyi_sec {
	margin-top: -95px;
	height: 380px;
	.wid1 {
		width: 400px;
		position: relative;
	}
	.wid2 {
		width: 852px;
	}
	.quanyi_sel {
		position: absolute;
		right: 30px;
		top: 21px;
	}
}
.quanyi_sec_2 {
	height: 360px;
	.wid1 {
		width: 625px;
	}
}
.product_sec {
	margin-top: -95px;
	height: 380px;
	.wid1 {
		width: 100%;
	}
}
.product_sec_2 {
	height: 380px;
}










